<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>退款申请</title>
    <link rel="stylesheet" href="../src/css/weui.css">
    <script src="../src/js/libs/jquery-3.0.0.min.js"></script>
    <script src="../src/js/main.js"></script>
    <style>


        /* 列表项 第一列宽度 */
        .detail .weui_cell_primary{
            /*flex: 1;*/
        }

        .weui_cells_tips span{
            color: orange;
            font-size: 0.6rem;
        }
    </style>
</head>
<body>


<div class="weui_cells detail">
    <div class="weui_cell">
        <div class="weui_cell_bd weui_cell_primary">
            <p>交易编号</p>
        </div>
        <div class="weui_cell_ft">31231415346456</div>
    </div>
    <div class="weui_cell">
        <div class="weui_cell_bd weui_cell_primary">
            <p>退款账户</p>
        </div>
        <div class="weui_cell_ft">林女士</div>
    </div>
    <div class="weui_cell">
        <div class="weui_cell_bd weui_cell_primary">
            <p>交易说明</p>
        </div>
        <div class="weui_cell_ft">线下支付</div>
    </div>
    <div class="weui_cell">
        <div class="weui_cell_bd weui_cell_primary">
            <p>交易时间</p>
        </div>
        <div class="weui_cell_ft">2016-06-16 17：54</div>
    </div>
    <div class="weui_cell">
        <div class="weui_cell_bd weui_cell_primary">
            <p>交易金额</p>
        </div>
        <div class="weui_cell_ft">100.00</div>
    </div>
</div>

<div class="weui_cells weui_cells_form">
    <div class="weui_cell">
        <div class="weui_cell_hd"><label class="weui_label">退款金额</label></div>
        <div class="weui_cell_bd weui_cell_primary">
            <input class="weui_input" type="number" pattern="[0-9]*" placeholder="小于等于可退款金额">
        </div>
    </div>
    <div class="weui_cells_tips">退款记录：2016年-06-27-09：32  退款 -50.00<br/>
        <span>可退款额度（150.00）=交易金额-历史退款</span></div>

    <div class="weui_btn_area">
        <a class="weui_btn weui_btn_primary" href="javacript:;" id="showTooltips">确定申请</a>
    </div>
    <div class="weui_cells_tips">预计到账时间
    <span>自管理员通过申请后7个工作日到账</span>
    </div>

</div>

</body>
</html>